<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/Public.css" rel="stylesheet" type="text/css" />
<link href="css/wanwan.css" rel="stylesheet" type="text/css" />
<link href="css/all.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script src="js/iepngfx.js" language="javascript" type="text/javascript"></script>
<![endif]-->
<title>湾湾网-简单就是分享</title>
</head>

<body>
<div class="wrap">
	<div class="header">
		<div class="head">
			<h1 style="background:url(images/logo.png) no-repeat; width:280px; height:60px;"></h1>
			<ul>
				<li class="houmepage"><a href="#" class="sy"><strong>首页</strong></a></li>
				<li><a href="#"><strong>我的主页</strong></a></li>
				<li><a href="#"><strong>团队主页</strong></a></li>
				<li><a href="#"><strong>+</strong></a></li>
			</ul>
			<div class="head_rg">
				<div class="search">
					<input type="text" class="sch_txt" />
					<input type="button" class="sch_but" />
				</div>
			

                <div  class="misc-action">
                <ul class="action-list">
                <li class="action-item"> <a class="action-link inbox"  title="发现">发现</a></li>
                <li class="action-item"><a class="action-link settings" href="" title="帐户">帐户</a></li>
                <li class="action-item"><a class="action-link logout" href="" title="退出">退出</a></li>
                </ul>
                </div>
			</div>
		</div>
	</div><!-- end header -->
	<div class="content">
		<div class="tdzy_lf">
			<div class="tdzy_lfd1">
				<img src="images/grzy_01.gif" width="192" height="192" class="grzy_img" />
				<h3>谷知霖<img src="images/grzy_12.gif" width="14" height="13" /><strong>LV15</strong></h3>
				<p class="grzy_p1"><a href="#">+ 加为好友</a><a href="#"><img src="images/grzy_02.gif" width="14" height="11" />&nbsp;&nbsp;发信</a></p>
			</div>
			
			<div class="bmlf_lf1">
				<ul>
					<li class="lf1_hover1"><a href="#"><strong>年鉴</strong></a></li>
					<li class="lf1_hover2"><a href="#"><strong>照片墙</strong></a></li>
					<li class="lf1_hover4"><a href="#"><strong>知我</strong></a></li>
                    <li class="lf1_hover8"><a href="#"><strong>团体成员</strong></a></li>
				</ul>
			</div><!-- end bmlf_lf1 -->
		</div><!-- end tdzy_lf -->
		<div class="tdzy_rg">
			<div class="grzx_top_bg">
			<!--开发人员需注意，这块当用户选中某一项，li上要加on类名，需用js实现选中哪个分别加on，样式都已写好-->
					<ul>
						<li class="on"><div href="#" class="pidli_01">我的最近动态</div></li>
						<li><div href="#" class="pidli_02">文字</div></li>
						<li><div href="#" class="pidli_03">音乐</div></li>
						<li><div href="#" class="pidli_04">图片</div></li>
						<li><div href="#" class="pidli_05">视频</div></li>
					</ul>
				</div>
				
			</div>
			
			<div class="tdzy_rgd2">
				<div class="rgd2_d1"></div>
				<div class="rgd2_d2 grzy_d2">
					<h3><span>-</span>新京报电话采访-（老子不是90后的说～）</h3>
					<div class="grzy_d21">
						<img src="images/grzy_11.gif" width="130" height="130" />
						<img src="images/grzy_11.gif" width="130" height="130" />
						<img src="images/grzy_11.gif" width="130" height="130" />
					</div>
					<div class="grzy_d22">
						<p class="gr_p1">2012-02-06 03:20:01 新京报</p>
						<p class="gr_p1">威客，一般指那些通过互联网把自己的知识、智慧、经验、技能转换成实际收益的人。这一概念最早于2005年出现，后来经过媒体的宣传报道，威客群体不断发展壮大，国内人数如今已经超过3000万。</p>
						<p class="gr_p1">而且由于威客与网络息息相关，工作形式灵活自由，所以备受年轻人的青睐，更有机构在去年将威客评为“90后”最为推崇的十大时尚职业之一。有专家以及资深威客提醒，虽然现在专职做威客的人越来越多，但兼职仍然是主流。专职做威客挑战较大，需谨慎。兼职做威客...</p>
						<p class="gr_p2"><span><a href="#">删除</a><a href="#">编辑</a><a href="#">回应</a></span><a href="#">阅读全部</a></p>
					</div>
				</div>
				<div class="rgd2_d3"></div>
			</div><!-- end tdzy_rgd2 -->
			
			<div class="tdzy_rgd2">
				<div class="rgd2_d1"></div>
				<div class="rgd2_d2 grzy_d2">
					<h3><span>-</span>新京报电话采访-（老子不是90后的说～）</h3>
					<div class="grzy_d21">
						<img src="images/grzy_11.gif" width="130" height="130" />
						<img src="images/grzy_11.gif" width="130" height="130" />
						<img src="images/grzy_11.gif" width="130" height="130" />
					</div>
					<div class="grzy_d22">
						<p class="gr_p1">2012-02-06 03:20:01 新京报</p>
						<p class="gr_p1">威客，一般指那些通过互联网把自己的知识、智慧、经验、技能转换成实际收益的人。这一概念最早于2005年出现，后来经过媒体的宣传报道，威客群体不断发展壮大，国内人数如今已经超过3000万。</p>
						<p class="gr_p1">而且由于威客与网络息息相关，工作形式灵活自由，所以备受年轻人的青睐，更有机构在去年将威客评为“90后”最为推崇的十大时尚职业之一。有专家以及资深威客提醒，虽然现在专职做威客的人越来越多，但兼职仍然是主流。专职做威客挑战较大，需谨慎。兼职做威客...</p>
						<p class="gr_p2"><span><a href="#">删除</a><a href="#">编辑</a><a href="#">回应</a></span><a href="#">阅读全部</a></p>
					</div>
				</div>
				<div class="rgd2_d3"></div>
			</div><!-- end tdzy_rgd2 -->
		</div><!-- end tdzy_rg -->
		
		
	</div><!-- end content -->
</div><!-- end wrap -->
	
    <div class="footer">
        <p class="foot_p">Copyright © 2013 湾湾网. All Rights Reserved. 冀ICP备12021992号</p>
    </div>

</body>
</html>
